<ion-header>
    <ion-navbar>
        <ion-title>
            我的应用
        </ion-title>
        <ion-buttons end class="rightIcon">
            <button ion-button icon-only (click)="searchApp()">
            <i class="icons-find"></i>
            </button>
        </ion-buttons>
    </ion-navbar>
            
</ion-header>

<ion-content>
  <div class="activePartsBox">
    <div class="title">常见应用</div>
    <ul class="activeParts">
      <li class="item">
        <span class="iconBox bgcblue1">
          <i class="iconInset icons-pay1"></i>
        </span>
        <div class="text">收款报表</div>
        <div class="redPoint">
          <span>-</span>
        </div>
      </li>
      <li class="item">
        <span class="iconBox bgcyellow">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">应收账款</div>
        <div class="redPoint">
            <span>-</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgccyan">
            <i class="iconInset icons-pay3"></i>
        </span>
        <div class="text">报表中心</div>
        <div class="redPoint">
            <span>-</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpurple">
            <i class="iconInset icons-pay4"></i>
        </span>
        <div class="text">订单管理</div>
        <div class="redPoint">
            <span>-</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcorange">
            <i class="iconInset icons-pay5"></i>
        </span>
        <div class="text">协同办公</div>
        <div class="redPoint">
            <span>-</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpink">
            <i class="iconInset icons-pay6"></i>
        </span>
        <div class="text">商机管理</div>
        <div class="redPoint">
            <span>-</span>
          </div>
      </li>
      <li class="item" ng-click="addApp()">
        <span class="replaceIcon addApp">+</span>
        <div class="text">添加应用</div>
      </li>

    </ul>
    <div class="divider boxShadowBtm"></div>

    <span class="title">全部应用</span>
    <ul class="activeParts">
      <li class="item">
        <span class="iconBox bgcblue1">
            <i class="iconInset icons-pay7"></i>
        </span>
        <div class="text">收款报表</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcyellow">
            <i class="iconInset icons-pay8"></i>
        </span>
        <div class="text">请加审批</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgccyan">
            <i class="iconInset icons-pay9"></i>
        </span>
        <div class="text">待办事项</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpurple">
            <i class="iconInset icons-pay1"></i>
        </span>
        <div class="text">考勤打卡</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcorange">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">请加审批</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpink">
            <i class="iconInset icons-pay3"></i>
        </span>
        <div class="text">待办事项</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcyellow">
            <i class="iconInset icons-pay4"></i>
        </span>
        <div class="text">考勤打卡</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcblue1">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">请加审批</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcblue1">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">待办事项</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li><li class="item">
        <span class="iconBox bgccyan">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">考勤打卡</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpurple">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">请加审批</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcorange">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">待办事项</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li><li class="item">
        <span class="iconBox bgcyellow">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">考勤打卡</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpurple">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">请加审批</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
      <li class="item">
        <span class="iconBox bgcpink">
            <i class="iconInset icons-pay2"></i>
        </span>
        <div class="text">待办事项</div>
        <div class="bluePoint">
            <span>+</span>
          </div>
      </li>
    </ul>


  </div>


</ion-content>